ion-card {
  color: #000 !important;
}

.wrapDetail {
  position: relative;
  margin-bottom: 50px;
  overflow: auto;
  .titleimg {
    height: 14.5rem;
    .bgimg {
      width: 100%;
      height: 100%;
    }
    .logo {
      position: absolute;
      top: 0%;
      right: 0%;
    }
  }
  .contentdetail {
    width: 94%;
    margin: 0 auto;
    .titleborder {
      border-bottom: 1px solid gainsboro;
      b {
        font-size: 1.0rem;
      }
    }
    .primary {
      color: #4c6afc;
    }
    .danger {
      color: #e75a24;
    }
    .success {
      color: #7ed321;
    }
    .fontcolor {
      color: #9a9a9a;
      font-size: 0.7rem;
      // padding-bottom: 10px;
    }
    .rulewrap {
      padding: 6px;
      .rulecss {
        // line-height: 60px;
        .spanbtn {
          display: inline-block;
          width: 6px;
          height: 15px;
          margin-right: 3%;
          vertical-align: middle;
          background: #4c6afc;
          border-radius: 2px;
        }
        .spanfont {
          margin-right: 15px;
          color: #333;
          font-size: 12px;
          text-decoration: none;
          vertical-align: middle;
        }
        img {
          vertical-align: middle;
        }
      }
      p {
        color: #9a9a9a;
      }
    }
  }
  .searchbtn {
    position: fixed;
    bottom: 3px;
    left: 5%;
    width: 90%;
    .btnbg {
      background: #e75a24 !important;
      height: 32px;
    }
  }
}
:host ::ng-deep ion-button {
  font-size: 10px;
  --border-width: 1px;
  --padding-top: 0;
  --padding-start: 0.5em;
  --padding-end: 0.5em;
  --padding-bottom: 0;
  height: 1.8em;
}
:host ::ng-deep .am-steps-item-title {
  font-size: 10px;
}
:host ::ng-deep .am-steps-small .am-steps-item-description {
  font-size: 10px;
}
.untreated-container {
  .untreated-number {
    font-size: 16px;
  }
  .untreated-name {
    font-size: 10px;
  }
}
